/* CABECALHO -----------------------------*/
#fundo{
    background-color: rgb(15,55,114);
    height:100px;
    top:0px;
}
#logo{
    position:absolute;
    float:left;
    background-image: url("./imagens/logo.png")no-repeat;
}

#CabecalhoTel{
    left: 340px;
    height:163px;
    margin:0 auto;
    position:relative;
    text-align:left;
    width:980px;
    top:40px;
    /* color:rgb(61,188,233); */
    color:white;
}
#cabecalhoBusca {
    position:absolute;
    right:10px;
    top:45px;
    width:350px;
}

#CabecalhoBuscaTexto {
    color:white;
    /* color:rgb(61,188,233); */
    float:left;
    padding:5px 0 0 5px;
}
#buscaForma{
    left:10px;
    /* color:rgb(61,188,233); */
    color:white;
}
#textoBusca{
    position:absolute;
    float:left;
    top: 0px;
    left: 230px;
}
#lupa{
    position:relative;
    top: 6px;
    left: 6px;
}

/* MENU      ------------- */


#menu{
    position:absolute;
    left: 190px;
    top:130px;
    float: left;
    text-decoration: none;
}

/* CORPO --------------------------*/

body{
    font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size:14px;
}
#picture{
    position:absolute;
    float:right;
    bottom: 0px;
    right: 0px;
    left: 5px;
    top: 130px;
    float: left;
    width:100px; 
}
#farmaciaPopular{
    position:relative;
    left:10px;
    font-family:Verdana, Helvetica, sans-serif;
    font-size:10px;
    text-align:justify;   
    width:130%;
      
}
#Pagamento{
    font-family:Verdana,sans-serif;
    font-size:11px;
    font-weight:bold;
    height:60px;
    position:relative;
    top:250px;
}


.formaPagamento{   
    float:left;
    padding-right:50px;
    text-align:left;
    list-style-type:none;
    position:relative;
    top:5px;
    width:auto;
    
}
#boxOferta{
      position:absolute;
      top: 180px;
      left: 190px;
      background:rgb(15,55,114);
      color:white;
      width: 810px;
}
#textBoxOferta{
    position:relative;
    left:20px;
    
}

#farmaceutico{
    font-family:Verdana, Helvetica, sans-serif;
    font-size:12px;
    font-weight:bold;
    position: absolute;
    top:530px;
    left:5px;
     width:130px;
}

/* ANUNCIO DAS OFERTAS---------------------- */

#imgAnuncio{
    position:relative;
    top:10px;
    right:10px;
    left: 10px;
    width:"100px";
}

li.anuncio{
    list-style-type:none;
    border-width: 1px;
    border-style: outset;/*define o estilo da borda pode ser: dotted(bolinhas),
    dashed,solid,double,groove,ridge,inset,outset*/
    border-color:rgb(15,55,114);
    width:160px;
    height:240px;
    margin: 25px;
    padding: 20px;
    position:relative;
    float:left;
}

#text-anuncio{
    font-family:Verdana,sans-serif;
    font-size:11px;
    color:rgb(155,155,155);
     position:relative;
    top:10px;
    right:10px;
    left: 10px;
}

#text-preco-velho{
   font-family: Verdana,sans-serif;
    font-size:11px;
    color:rgb(27,27,166);
     position:relative;
    top:10px;
    right:10px;
    left: 10px;
}

#text-preco-novo{
    font-family: Arial,sans-serif;
    font-size:13px;
    color:blue;
}
#anuncio{
    position:absolute;
    left: 150px;
    top: 230px;
}


/* TABELA -------------------*/
#tabela{
     position: relative;
     left: 55px;
     top:100px;
     font-family:Verdana,Arial;
}

#tabela-Plantao{
     position: absolute;
     left: 255px;
     top:300px;
}

table.comBorda{
    border-collapse: collapse;
    background: #FFFFF0;
}

table.comBorda td {
    border: 1px dotted blue;
    padding: 20px;
}
 
table.comBorda th {
    border: 1px dotted blue;
    background: #F0FFF0;
}

table.comBorda tr:nth-child(even){
    background: #F0FFFF;
}

#tabela-cabecalho{
   font-family: Verdana,Arial;
   font-weight: bold;
}

/* Formulario Injetaveis------------*/

#formulario{
  position: absolute;
     left: 255px;
     top:250px;
}

input.formularios{
   position: absolute;
   left: 100px;

}
#posicaoEnviar{
   position:relative;
   left: 255px;
   top:200px;
}

/* EMAIL ----------------------*/

.mandarEmail{
   position:relative;
  
}

/* Aviso ----------------------*/
embed.video{
	position: relative;
	left: 100px;
	top:5px;
	height:300px;
	width: 400px;
	autostart: false;
	loop: false;
}
embed.music{
	position: relative;
	left: 100px;
	top:5px;
	height:100px;
	width: 300px;
	autostart="false";
	loop="false";
}

#texto-Aviso{
	font-family:Arial,Verdana;
	color:red;
	font-size:18px;
}
/* RODAPE -----------------*/

#aviso{
    position: relative;
    top:690px;
    font-family:"Times New Roman";
    font-size:11px;
    color:rgb(15,55,114);
   
}
#telefone{
    position:relative;
    top:20px;
    left: 140px;
    float:left;
    font-size:14px;
    color: blue;
}
